<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理员账号管理</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/user.css">
</head>

<body>
    <div class="box">
        <!-- 导航栏搜索 -->
        <div class="box-sou">
            <p>管理员账号管理</p>
            <ul>
                <li>
                    <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="用户名、账号、手机号">
                    <button type="button" class="btn btn-outline-info">搜索</button>
                </li>
                <li>
                    <button type="button" class="btn btn-outline-info">添加</button>
                    <button type="button" class="btn btn-outline-warning">修改</button>
                </li>
            </ul>
        </div>

        <!-- 用户显示 -->
        <div class="box-nav">
            <table>
                <table class="table">
                    <thead>
                        <tr>
                            <th>选择</th>
                            <th>ID</th>
                            <th>管理员</th>
                            <th>部门</th>
                            <th>邮箱</th>
                            <th>手机号</th>
                            <th>状态</th>
                            <th>创建时间</th>
                            <th>修改时间</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>
                                <input class="check" type="radio">
                            </th>
                            <th>1</th>
                            <td>zhangsan</td>
                            <td>前端开发</td>
                            <td>1939495@qq.com</td>
                            <td>15774889599</td>
                            <td>正常</td>
                            <td>2022/3/23 上午11:23:23</td>
                            <td>2022/3/23 上午12:23:23</td>
                            <td>
                                <button type="button" class="btn btn-outline-primary">冻结</button>
                                <button type="button" class="btn btn-outline-success" style="display: none;">启用</button>
                                <button type="button" class="btn btn-outline-danger">注销</button>
                            </td>
                        </tr>
                        
                    </tbody>
                </table>

            </table>
        </div>

        <!-- 分页管理 -->
        <div class="fenYie">
            <div class="btn-group me-2 fenYie-nav" role="group" aria-label="First group">
                <button type="button" class="btn btn-outline-secondary shou">首页</button>
                <button type="button" class="btn btn-outline-secondary shang">上一页</button>
                <button type="button" class="btn btn-outline-secondary xia">下一页</button>
                <button type="button" class="btn btn-outline-secondary wei">尾页</button>
                <button type="button" class="btn btn-outline-secondary">用户总数( <span class="num">8</span> )</button>
                <button type="button" class="btn btn-outline-secondary">总页数( <span class="zong">1</span> )</button>
                <button type="button" class="btn btn-outline-secondary">当前页( <span class="dang">1</span> )</button>
            </div>

        </div>


    </div>

</body>
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap.js"></script>
<script src="./js/user.js"></script>

</html>